<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="df fdc ">
    <div class="main-content f1 ofs">
        <div class="header df  aic">
            <span class="title spanActive">跑步</span>
            <span class="title ridebtn">骑行</span>
            <span class="title">课程训练</span>
        </div>
        <!-- 选项卡对应内容区 -->
        <!-- 跑步 -->
        <div class="run  tapbar" id="container">
            跑步
            


        </div>

        <!-- 骑行 -->
        <div class="ride  tapbar" id="container1">
            



        </div>


        <!-- 课程训练 -->
        <div class="course  tapbar">
            <!-- 最新课程 -->
            <div class="latest">
                <h2>最新课程</h2>
                <!-- 课程详情 -->
                <div class="latestBox">
                    <!-- <img  alt="" id="img1">
                    <课程介绍 -->
                    <div class="latestBox-bottom">
                        <h3 id="latestTitle"></h3>
                        <span id="latestContent"></span>
                    </div> -->

                </div>
            </div>
            <!-- 课程列表 -->
            <div class="courseList mt20">
                <h3>课程</h3>
                <!-- 单个课程 -->
                <!-- <div class="list-iteam shadow">
                    <img  alt="" id="img2">
                    <h3></h3>
                    <span></span>
                </div> -->






            </div>



        </div>






    </div>



    <script type="text/javascript">
        window._AMapSecurityConfig = {
            securityJsCode:'58e3ede143eeab102ee538df0ac7e1a6',
        }
</script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=30f287cf745a4dde76141d2dc32d7e8c"></script> 


</body>

</html>